/* CSS file */
Application {
    paddingLeft:   10;
    paddingTop:    10;
    paddingRight:  10;
    paddingBottom: 10;
    backgroundGradientColors: #FFFFFF, #FFFFFF; 
    fontSize: 10;
    fontFamily: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.informationBox {
	verticalGap: 0;
	horizontalGap: 0;
	paddingBottom: 5; 
	paddingLeft: 5; 
	paddingRight: 5; 
	paddingTop: 5; 
	verticalAlign: middle;
	borderAlpha: 1; 
	borderColor: #EDEFF1; 
	borderStyle: solid; 
	borderThickness: 2; 
	headerHeight: 0; 
	cornerRadius: 5;
	backgroundColor: #FFFFFF;
}

.errorBox {
	verticalGap: 0;
	horizontalGap: 0;
	paddingBottom: 0; 
	paddingLeft: 5; 
	paddingRight: 5; 
	paddingTop: 7; 
	verticalAlign: middle;
	borderAlpha: 1; 
	borderColor: #FF0000; 
	borderStyle: solid; 
	borderThickness: 1; 
	headerHeight: 0; 
	cornerRadius: 0;
	backgroundColor: #FFFFFF;
	color: #FF0000;
}

.textBox {
	verticalGap: 0;
	horizontalGap: 0;
	verticalAlign: middle;
	color: #707070;
}

.textBoxRight {
	verticalGap: 0;
	horizontalGap: 0;
	verticalAlign: bottom;
	horizontalAlign: right;
}

.chartBox {
	verticalGap: 0;
	horizontalGap: 0;
	paddingBottom: 0; 
	paddingLeft: 0; 
	paddingRight: 0; 
}

.filterBox {
	borderColor: #EDEFF1; 
	borderStyle: solid;
	borderThickness: 2; 
	cornerRadius: 5;
	verticalGap: 0;
}

.ecbPeriodChartBox {
	verticalGap: 0;
	horizontalGap: 0;
	paddingBottom: 0; 
	paddingLeft: 0; 
	paddingRight: 0; 
	paddingTop: 0;
}

.dataPanel {
	paddingBottom: 0; 
	paddingLeft: 0; 
	paddingRight: 0; 
	paddingTop: 5; 
	borderAlpha: 1; 
	borderColor: #000000; 
	borderStyle: none;
    backgroundColor: #FFFFFF;
    color: #000000;
    headerHeight: 0; 
    horizontalGap: 0;
    verticalGap: 5;
}

.titleText {
    fontSize: 14;
}

.greenColor {
	color: #009933;
}

.redColor {
	color: #CC0000;
}

.blackColor {
	color: #000000;
}

.changeWithPreviousBox {
	horizontalGap: 0;
	verticalAlign: "bottom";
	verticalGap: 0;
	color: #707070;
}

LinkBar, LinkButton {
    fontSize: 10;
    color: #0031AD;
    rollOverColor: #ffffff;
    selectionColor: #ffffff;
    textRollOverColor: #0031AD;
    textSelectedColor: #707070;
}

.ecbLineChart {
	color: #707070;
	fontFamily: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	paddingRight: 0;
	paddingLeft: 0;
	gutterRight: 0;
	paddingBottom: 0;
}

.ecbBarChart {
	color: #707070;
	fontFamily: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	paddingRight: 0;
	paddingLeft: 0;
	gutterRight: 0;
	paddingBottom: 0;
	columnWidthRatio: .5;
	itemSelectionColor: #9ECAE1;
	itemRollOverColor: #9ECAE1;
}

.ecbLineChartHorizontalAxis {
	minorTickPlacement: outside;
	minorTickLength: 3;
	tickLength: 7;
}

.columnChartHorizontalAxis {
    fontSize: 8;
}

.ecbLineChartGridLines {
	direction: "both";
    horizontalShowOrigin: true;
    horizontalTickAligned: true;
    horizontalChangeCount: 1; 
    verticalShowOrigin: true;
    verticalTickAligned: true; 
    verticalChangeCount: 1; 
}

.ecbPeriodChart {
	color: #707070;
	fontFamily: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	gutterBottom: 0;
	paddingBottom: 0;
	paddingTop: 0;
	paddingRight: 0;
	gutterRight: 0;
	gutterLeft: 0;
	paddingLeft: 20;
	gutterTop: 0;
}

.ecbPeriodCanvas {
	paddingRight: 0;
	paddingLeft: 0;
	borderThickness: 0.5;
	borderColor: #CCCCCC; 
	borderStyle: solid;
}

.ecbPeriodCanvasLeftBox {
/*	borderThickness: 0.5;
	borderColor: #CCCCCC; 
	borderStyle: solid;
	borderSides: "right";*/
}

.ecbPeriodCanvasRightBox {
	/*borderThickness: 0.5;
	borderColor: #CCCCCC; 
	borderStyle: solid;
	borderSides: "left";*/
}

.ecbHorizontalAxisRenderer {
	tickPlacement: "inside";
	labelGap: -15;
	showLine: false;
	canStagger: false;
	tickLength: 59;
}	        

.dataPod {
	paddingBottom: 0; 
	paddingLeft: 0; 
	paddingRight: 0; 
	paddingTop: 0; 
    backgroundColor: #FFFFFF;
    horizontalGap: 0;
    verticalGap: 0;
    borderStyle: none;
	borderThicknessLeft: 0;
	borderThicknessTop: 0;
	borderThicknessBottom: 0;
	borderThicknessRight: 0;
	headerHeight: 0;
	dropShadowEnabled: false;
	color: #707070;
}

.movieButton {
	fillColors: #EBEEEF, #EBEEEF, #EBEEEF, #EBEEEF;
	borderColor: #CBD1D5;
	horizontalGap: 0;
	themeColor: #2C70AA;
}

ToolTip {
	fontFamily: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	backgroundColor: #FFFFFF;
	backgroundAlpha: .8;
	cornerRadius: 0;
	borderSkin: ClassReference("eu.ecb.core.view.util.ECBToolTipBorder");
	borderColor: #2C70AA;
	paddingTop: 5;
}

.dataTip 
{
	shadowColor: #FFFFFF;
	backgroundColor: #FFFFFF;
	fontFamily: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	fontSize: 10;
	color: #707070;
}

DataTip {
	paddingBottom: -2;
	backgroundColor: #FFFFFF;
	paddingRight: 0;
	paddingTop: 5;
	paddingLeft: 5;
	fontFamily: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.progressBox {
	horizontalAlign: center;
	verticalAlign: middle;
	backgroundAlpha: 0.8;
	cornerRadius: 4;
	backgroundColor: #F4F4F4;
	dropShadowEnabled: true;
	dropShadowColor: #333333;
	borderStyle: solid;
	borderThickness: 2;
	borderColor: #EDEFF1;
}

.filters {
    header-colors:           #EBEEEF, #EBEEEF;
    padding-top:             5;
    padding-right:           0;
    padding-bottom:          0;
    padding-left:            0;
    border-style:            "solid";
    border-thickness:        1;
    background-color:        #FFFFFF;
    border-color:            #EBEEEF;
    color: 		             #000000;
    drop-shadow-enabled:     false;
    rounded-corners:  		 false;
    header-height:			 12;	
}

Form {
	backgroundColor: #FFFFFF;
	paddingTop:	0;
    paddingRight:  0;
    paddingBottom: 0;
    paddingLeft:   0;
}

FormItem {
	backgroundColor: #FFFFFF;
	paddingTop:	0;
    paddingRight:  0;
    paddingBottom: 0;
    paddingLeft:   0;
}

DataGrid {
    background-color: #FFFFFF;
    alternating-item-colors: #EBEEEF, #FFFFFF;
    header-colors: #FFFFFF, #FFFFFF;
    horizontal-grid-lines: true;
    horizontal-grid-lines-color: #FFFFFF;
    vertical-grid-lines: true;
    vertical-grid-lines-color: #FFFFFF;
    roll-over-color: #dee2e5;
    border-thickness: 0;
    border-color: #FFFFFF;
    selection-color: #A6C4D7;
    margin-top: 100;
    verticalGridLines: false;
    color: #000000;
    headerStyleName: "mydataGridHeaderStyle";
}

.mydataGridHeaderStyle {
   color: #707070;
   fontWeight: bold;
   fontStyle: normal;
   textDecoration: none;
}

ECBLegend {
	verticalGap: 3;
	color: #707070;
}

Legend {
	color: #707070;
	/*verticalGap: 3;
	color: #707070;
	markerHeight: 7;
	markerWidth: 7;
	paddingLeft: 0;
	paddingRight: 0;*/
}

.ecbLegendItem
{
	paddingLeft: 5;
	horizontalGap: 5; 
	fontWeight: normal;
	markerHeight: 7;
	markerWidth: 7;														
}

LegendItem {
	horizontalGap: 2;
	fontWeight: normal;
	markerHeight: 7;
	markerWidth: 7;	
	color: #707070;		
}

.legendItemSelected {
	paddingLeft: 5;
	horizontalGap: 5; 
	color: #000000;
}

.ecbMap {
	backgroundColor: #FFFFFF;
    backgroundFill: #FFFFFF;
    fill: #FFFFFF;
    highlightFill: #EBEEEF;
    highlightStroke: #808080;
    stroke: #EBEEEF;
}

.disabledCountries {
    backgroundFill: #FFFFFF;
    fill: #FFFFFF;
    highlightFill: #FFFFFF;
    highlightStroke: #EBEEEF;
    stroke: #EBEEEF;
}

.c9 {
    fill: #034267;
    highlightFill: #9ECAE1;
    highlightStroke: #FFFFFF;
    stroke: #FFFFFF;
}

.c8 {
    fill: #0579be;
    highlightFill: #9ECAE1;
    highlightStroke: #FFFFFF;
    stroke: #FFFFFF;
}

.c7 {
    fill: #74a9cf;
    highlightFill: #9ECAE1;
    highlightStroke: #FFFFFF;
    stroke: #FFFFFF;
}

.c6 {
    fill: #a6bddb;
    highlightFill: #9ECAE1;
    highlightStroke: #FFFFFF;
    stroke: #FFFFFF;
}

.c5 {
    fill: #d0d1e6;
    highlightFill: #9ECAE1;
    highlightStroke: #FFFFFF;
    stroke: #FFFFFF;
}

.c4 {
    fill: #f1eef6;
    highlightFill: #9ECAE1;
    highlightStroke: #FFFFFF;
    stroke: #FFFFFF;
}

.c3 {
    fill: #D9D9D9;
    highlightFill: #9ECAE1;
    highlightStroke: #FFFFFF;
    stroke: #FFFFFF;
}

.c2 {
    fill: #969696;
    highlightFill: #9ECAE1;
    highlightStroke: #FFFFFF;
    stroke: #FFFFFF;
}

.c1 {
    fill: #636363;
    highlightFill: #9ECAE1;
    highlightStroke: #FFFFFF;
    stroke: #FFFFFF;
}

.mapLegendHeader {
	verticalAlign: middle;
	fontSize: 9;
	fontWeight: bold;
	color: #707070;
}

.mapLegendCell {
	verticalAlign: middle;
	color: #707070;
	fontSize: 9;	
}

.mapLegend {
	color: #707070;
	verticalGap: -4;
	paddingBottom: -5;
}

ColumnChart {
    fontFamily: labelFont;
    maxColumnWidth: 15;
/*    dataTipRenderer: "ECBDataTip";*/
}

.ecbLegendContainer {
   verticalGap: 0;	
}

.ecbLegendItem {
   paddingLeft: 5;
   horizontalGap: 5; 
   fontWeight: normal;
   markerHeight: 7;
   markerWidth: 7;														
}

GenericPanel {
	paddingLeft: 10;
	paddingRight: 10;
	paddingTop: 10;
	paddingBottom: 10;
}
.comboBox {    
    backgroundColor: #FFFFFF;
    borderThickness: 1;
    borderStyle: "solid";
    cornerRadius: 3;
    paddingTop: 3;
    paddingRight: 3;
    paddingBottom: 3;
    paddingLeft: 3;
}

HSlider {
	/*labelOffset: 10;*/
	borderColor: #CBD1D5;
	trackColors: #FFFFFF, #FFD700;
	tickColor: #CBD1D5;
	themeColor: #EBEEEF;
	tickLength: 0;
	tickOffset: 0;
	showTrackHighlight: true;
	labelStyleName: "myhSliderLabelStyle";
	dataTipOffset: 20;
	paddingLeft: 0;
	paddingBottom: 0;
	paddingTop: 0;
	paddingRight: 0;
	fillColors: #A6C4D7, #2C70AA, #dddddd, #eeeeee;
}

SliderThumb {
	color: #EBEEEF;
	fontSize: 9; 
	textSelectedColor: #FFFFFF;
	textRollOverColor: #FFFFFF;
	cornerRadius: 9;
   	fillColors: #00ccff, #cccccc, #ffffff, #eeeeee;
   	textAlign: center;
}

.myhSliderLabelStyle {
	/*paddingLeft: 24;*/
	paddingLeft: 25;
	paddingBottom: -10;
	fontSize: 9;
	/*paddingBottom: -4;*/
}

.textSummaryTitle {
	fontWeight: bold;
	fontSize: 11;
	textAlign: center;
	color: #707070;
}

.navigationTree {
    indentation: 10;
    margin-top: 25px;
    selection-color: #A6C4D7;
    roll-over-color: #C3D9E4;
    paddingTop: 4;
    paddingBottom: 4;
    depthColors: #C3D9E4, #D5E4EC, #E3EDF2, #F1F6F8, #F9FBFC;
    backgroundColor: #C3D9E4;
    borderThickness: 0;
    textSelectedColor: #0000FF;
} 

.KFPanel {
    headerColors:           #A6C4D7, #A6C4D7;
    paddingTop:             8;
    paddingRight:           0;
    paddingBottom:          0;
    paddingLeft:            0;
    cornerRadius:           4;
    dropShadowEnabled:      true;
    roundedBottomCorners:   true;
    dropShadowColor: 		#999999;
    highlightAlphas: 		.9, 0;
    borderColor:            #FFFFFF;
    borderThicknessRight:   1;
    borderThicknessBottom:  1;
    borderStyle:            solid;
    borderThickness:        0;
    borderAlpha:            1;
    backgroundColor:        #FFFFFF;
}